.outer {
    width: 70%;
    height: 500px;
    margin-left: 15%;
}

.left {
    width: 20%;
    height: 500px;
    float: left;
    border: #000 1px solid;
}

.left div {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.right {
    width: 80%;
    height: 500px;
    float: left;
    border: #F00 1px solid;
}

#chatMes {
    width: 100%;
    height: 5%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

#message {
    width: 100%;
    max-height: 87%;
    height: 87%;
}

.footer {
    width: 100%;
    height: 8%;
    text-align: center;
}